@charset "UTF-8";
body{
  min-width: 1200px;
}
.page-home-net img {
  width: 100%;
}
.page-home-net .active {
  color: #3092F6;
}
.banxin {
  width: 1200px;
  margin: 0 auto;
}
.page-home-net {
  font-family:Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
}
  .page-home-net .page-top-wrap{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    z-index:2;
    min-width: 1200px;
  }
  /*头部*/
    .page-home-net .header-wrap {
      width: 100%;
      height: 50px;
      line-height: 50px;
      background-image: url("../images/headerBg.png");
      background-size: 100%, 100%;
    }
    .page-home-net .header {
      overflow: hidden;
    }
    .page-home-net .header a {
      color: #fff;
    }
    .page-home-net .header .active{
      color:#3092f6;
    }
    .page-home-net .header .line {
      margin: 0 22px;
      color: #fff;
    }
    .page-home-net .header-logo {
      font-size: 15px;
      color: #fff;
      
    }
    .page-home-net .header-logo .header-name{
      display: inline-block;
    }
    .page-home-net .header-logo .logo {
      width: 32px;
      margin-right: 10px;
      /*替换logo添加*/
      display: inline-block;
      margin-top: 9px;
      vertical-align: top;
    }

    .page-home-net .header-logreg{
      font-size:16px;
    }

  /*导航*/
    .page-home-net .nav-wrap {
      width: 100%;
      height: 74px;
      line-height: 74px;
      background-image: url("../images/navBg.png");
      -webkit-background-size: 100%, 100%;
      background-size: 100%, 100%;
      overflow: hidden;
    }
    .page-home-net .nav-list li {
      float: left;
      margin-right: 30px;
    }
    .page-home-net .nav-list li a {
      color: #fff;
      font-size: 19px;
      display: block;
    }
    .page-home-net .nav-list li a.active {
      color: #3c9bfd;
      font-size:22px;
    }
    .page-home-net .search {
      width: 199px;
      height: 33px;
      background-color: #f3f3f3;
      border-radius: 18px;
      margin-top: 19px;
      overflow: hidden;
      border:1px solid #037eda;
    }
    .page-home-net .search input {
      background: none;
      outline: none;
      font-size:14px;
      line-height: 16px;
      border: 0px;
      float: left;
      vertical-align: middle;
      width: 160px;
      padding-top: 9px;
      padding-bottom:9px;
      padding-left: 24px;
      box-sizing: border-box;
    }
    .page-home-net .search .icon-search {
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-top: 6px;
      margin-right: 16px;
      float: right;
      cursor: pointer;
    }
    .page-home-net .search .icon-search img {
      vertical-align: top;
    }

  /*关于我们*/
    .page-home-net .about-wrap {
      background-color: #333333;
      padding: 16px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 1px;
      color: #cccccc;
    }

    .page-home-net .about-wrap span{

      margin-right: 22px;
    }
    .page-home-net .about-wrap .about-wrap-title{
      margin-right: 15px;
      position: relative;
      padding-right: 15px;
      font-size: 14px;
      color: #ffffff;
    }
    .page-home-net .about-wrap-title:after{
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: -4px;
      width: 4px;
      height: 100%;
      background-color: #0273dc;
    }
    .page-home-net .copyright {
      background-color:#1b1b1b;
      color: #f0efef;
      font-size: 12px;
      text-align: center;
      line-height: 16px;
      letter-spacing: 3px;
      padding:20px 0;
    }






  /*banner*/
    .page-home-net .swiper-container {
      width: 100%;
      height:406px;
    }
    .page-home-net .banner-wrap .swiper-slide{
      overflow:hidden;
      position: relative;
    }
    .page-home-net .banner-wrap img {
      height:100%;
      width: auto;
      position: absolute;
      top:0;
      left: 50%;
      transform: translateX(-50%);
    }
    .page-home-net .swiper-pagination-bullet{
      background-color:rgba(248,247,250,.37);
      width: 12px;
      height:12px;
    }
    .page-home-net .swiper-pagination-bullet-active{
      background-color:#f8f7fa;
    }
    .page-home-net .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
      margin:0 8px;
    }
    .page-home-net .swiper-container-horizontal>.swiper-pagination-bullets{
      bottom:16px;
    }
    .page-home-net .swiper-button-next,.page-home-net .swiper-button-prev{
      margin-top:36px;
    }

    .swiper-pagination{
      position: absolute;
      bottom: 16px;
      left: 50%;
      transform: translateX(-50%);
    }
    .swiper-pagination-switch{
      background-color:rgba(248,247,250,.37);
      width: 12px;
      height:12px;
      display: block;
      float: left;
      margin-right:8px;
      border-radius:50%;
    }
    .swiper-active-switch{
      background-color:#f8f7fa;
    }



.page-home-part{
  margin-bottom: 12px;
}
/*主体每部分头部*/
.page-home-part-title{
  font-size: 30px;
  line-height: 36px;
  height: 36px;
  letter-spacing: 2px;
  color: #333333;
  position: relative;
  padding-left: 38px;
  margin-bottom: 15px;
}
.page-home-part-title:before{
  content: '';
  display: block;
  height: 100%;
  width: 14px;
  background-color: #0f51bb;
  position: absolute;
  top: 0;
  left: 0;
}
.page-home-part-title .more a{
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 1px;
  color: #666666;
  display: block;
  height: 100%;
}
.page-home-part-title .more span{
  display: inline-block;
  vertical-align:  middle;
}
.page-home-part-title .more-icon{
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
}



.part-main-bg{
  background-color: #f1f6ff;
}
.left-width{
  width:866px;
}
.right-width{
  width: 334px;
}



    /*业务办理开始*/
    .business-manage,.chargetem-search{
      padding-top: 20px;
    }
    .business-manage-main{
      padding: 54px 87px 12px;
    }

    .page-home-net .business-item {
      padding: 24px 0 24px 30px;
    }
    .page-home-net .business-item-box {
      float: left;
      width: 285px;
      height: 128px;
      position: relative;
      text-align: center;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      margin-right: 85px;
      margin-bottom: 42px;
      background: #ffffff;
    }
    .page-home-net .business-item-box:nth-child(2){
      margin-right: 0;
    }
    .page-home-net .business-item-box .item-icon {
      width: 98px;
      height: 98px;
      text-align: center;
      line-height: 98px;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 50%;
      position: absolute;
      top:50%;
      left: -49px;
      transform: translate(0,-50%);
      z-index: 100;
    }
    .page-home-net .business-item .item-title {
      color: #333;
      font-size: 30px;
      line-height: 32px;
      letter-spacing: 2px;
      margin-bottom: 14px;
    }
    .page-home-net .business-item .item-operation {
      width: 128px;
      height: 34px;
      border-radius: 17px;
      line-height: 34px;
      margin: 0 auto;
      cursor: pointer;
      font-size: 15px;
      letter-spacing: 1px;
      color: #ffffff;

    }
    .page-home-net .business-item-box img {
      width: 52px;
    }


    .page-home-net .business-item-box1 {
      border: solid 1px #0f51bb;
    }
    .page-home-net .business-item-box1 .item-icon {
      border: solid 1px #0f51bb;
      box-shadow:0px 12px 16px 2px  rgba(14, 60, 133, 0.15);
    }
    .page-home-net .business-item-box1 .item-operation {
      background-color: #0F51BB;
    }


    .page-home-net .business-item-box2 {
      border: solid 1px #e95969;
    }
    .page-home-net .business-item-box2 .item-icon {
      border: solid 1px #e95969;
      box-shadow: 0px 12px 16px 2px rgba(250, 106, 89, 0.15);
    }
    .page-home-net .business-item-box2 .item-operation {
      background-color: #e95969;
    }


    .page-home-net .business-item-box3 {
      border: 1px solid #fea305;
    }
    .page-home-net .business-item-box3 .item-icon {
      border: 1px solid #fea305;
      box-shadow: 0px 12px 16px 2px rgba(254, 163, 5, 0.15);
    }
    .page-home-net .business-item-box3 .item-operation {
      background-color: #fea305;
    }


    .page-home-net .business-item-box4 {
      border: 1px solid #ff6b0f;
      margin-right: 0;
    }
    .page-home-net .business-item-box4 .item-icon {
      border: 1px solid #ff6b0f;
      box-shadow: 0px 12px 16px 2px rgba(255, 107, 15, 0.15);
    }
    .page-home-net .business-item-box4 .item-operation {
      background-color: #ff6b0f;
    }


    /*收费项目查询开始*/
    .chargetem-search-main{
      height: 410px;
    }
    .page-home-net .data-search {
      width: 100%;
      height: 100%;
      padding: 53px 44px;
      display: inline-block;
      box-sizing: border-box;
      text-align: left;
      background: url("../images/chargetem-search-bg.png") no-repeat left bottom;
      background-size: 100% auto;
    }
    .page-home-net .search-form .search-form-label {
      color:#333333;
      font-size: 22px;
      line-height: 36px;
      border-bottom: 1px solid #cccccc;
      margin-bottom: 30px;
    }
    .page-home-net .search-form .search-form-label .title-txt{
      display: inline-block;
      padding: 6px 0 10px;
      position: relative;
    }
    .page-home-net .search-form .search-form-label .title-txt:after{
      content: '';
      display: block;
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 8px;
      background-color: #0f51bb;
    }
    .page-home-net .search-form .search-form-input{
      margin-bottom: 28px;
      position: relative;

    }
    .page-home-net .search-form .search-form-input input {
      width: 100%;
      height: 38px;
      background-color: #ffffff;
      border: solid 1px #c9c9c9;
      line-height: 22px;
      padding: 8px 44px 8px 14px;
      box-sizing: border-box;
      font-size: 16px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }
    .page-home-net input:focus,.search-form-input .btn-search:focus{
      outline:none;
    }
    .search-form-input .btn-search{
      border: none;
      cursor: pointer;
      position: absolute;
      right: 12px;
      top: 50%;
      -webkit-transform: translate(0,-50%);
      -moz-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
      -o-transform: translate(0,-50%);
      transform: translate(0,-50%);
      display: block;
      width: 22px;
      height: 22px;
      background: url("../images/search-icon.png") no-repeat center center;
      -webkit-background-size: cover;
      background-size: cover;
    }
    /*收费项目查询结束*/




    .page-home-part02{
      margin-bottom: 56px;
    }
    /*服务指南样式开始*/
    .service-guide-main{
      height: 368px;
    }
    .tab-wrapper{
      height: 100%;
    }
    /*服务指南tab标题*/
    .service-guide-left{
      width: 162px;
      background-color: #dfeafd;
      padding: 32px 0;
      height: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .service-guide-left li{
      padding: 0 14px;
      margin-bottom: 48px;
    }
    .service-guide-left li:last-child{
      margin-bottom: 0;
    }
    .service-guide-left li a{
      font-size: 22px;
      line-height: 40px;
      letter-spacing: 2px;
      color: #666666;
      position: relative;
      display: block;
      text-align: center;
    }
    .service-guide-left li.active a{
      color: #ff7709;
    }
    .service-guide-left li.active a:after{
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: -7px;
      -webkit-transform: translate(-50%,0);
      -moz-transform: translate(-50%,0);
      -ms-transform: translate(-50%,0);
      -o-transform: translate(-50%,0);
      transform: translate(-50%,0);
      width: 50px;
      height: 7px;
      background-color: #ff6b0f;
    }

    /*服务指南-文章列表*/
    .service-guide-right{
      width:704px;
      height: 100%;
      overflow: hidden;
    }
    .tab-content-item{
      display: none;
      height: 100%;
      overflow: hidden;
    }
    .tab-content-item:first-child{
      display: block;
    }
    .service-guide-right ul{
      padding: 14px 35px;
    }
    .service-guide-right ul li{
      padding: 20px 0 20px 32px;
      position: relative;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
    }
    .service-guide-right ul li,.service-guide-right ul li a{
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 1px;
      color: #444444;
    }
    .service-guide-right ul li:before{
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0,-50%);
      -moz-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
      -o-transform: translate(0,-50%);
      transform: translate(0,-50%);
      width: 10px;
      height: 10px;
      background-color: #ff7709;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
    }
    /*服务指南样式结束*/



    /*模拟实操等样式开始*/
    .part02-right-main{
      padding: 58px 42px;
    }
    .part02-right .other-item{
      display: block;
      width: 115px;
      height: 115px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #2d66bf;
      margin-right: 12px;
      margin-bottom: 18px;
    }
    .part02-right .other-item:nth-child(2n){
      margin-right: 0;
    }
    .part02-right .other-item,.part02-right .other-item a{
      font-size: 17px;
      line-height: 17px;
      letter-spacing: 1px;
      color: #333333;
    }
    .part02-right .other-item-top{
      height: 60px;
      line-height: 60px;
      width: 100%;
      text-align: center;
      position: relative;
    }
    .part02-right .other-item-top img{
      width: auto;
      height: 42px;
      display: inline-block;
      margin: 0 auto;
    }
    .part02-right .other-item-top .sj-icon{
      position: absolute;
      width: 0;
      height: 0;
      left: 50%;
      bottom: -16px;
      margin-left: -8px;
      border-width: 8px;
      border-style: solid;
      border-color: #2d66bf transparent transparent transparent;
    }

    .part02-right .other-item01{
      border-color: #2d66bf;
    }
    .part02-right .other-item02{
      border-color:#ff9409;
    }
    .part02-right .other-item03{
      border-color: #ff6b0f;
    }
    .part02-right .other-item04{
      border-color: #e95969;
    }
    .part02-right .other-item01 .other-item-top{
      background-color: #2d66bf;
    }
    .part02-right .other-item02 .other-item-top{
      background-color:#ff9409;
    }
    .part02-right .other-item03 .other-item-top{
      background-color: #ff6b0f;
    }
    .part02-right .other-item04 .other-item-top{
      background-color: #e95969;
    }
    .part02-right .other-item01 .sj-icon{
      border-color: #2d66bf transparent transparent transparent;
    }
    .part02-right .other-item02 .sj-icon{
      border-color: #ff9409 transparent transparent transparent;
    }
    .part02-right .other-item03 .sj-icon{
      border-color: #ff6b0f transparent transparent transparent;
    }
    .part02-right .other-item04 .sj-icon{
      border-color: #e95969 transparent transparent transparent;
    }


    .part02-right .other-item-btm{
      text-align: center;
      padding-top: 20px;
      padding-bottom: 18px;
    }
    .part02-right .other-item-btm .mr-12{margin-right:12px;}

    /*模拟实操等样式结束*/








::-moz-placeholder{color:#cccccc;}              
::-webkit-input-placeholder{color:#cccccc;}    
:-ms-input-placeholder{color:#cccccc;}         
